<link rel="stylesheet" href="<? print APP_NAME ?>lib/jquery/css/jquery.treeview.css" />

<link rel="stylesheet" type="text/css" href="<? print APP_NAME ?>lib/jquery/css/flexigrid/flexigrid.css">
<link rel="stylesheet" type="text/css" href="<? print APP_NAME ?>lib/jquery/css/jqueryFileTree.css"/>

<script type="text/javascript" src="<? print APP_NAME ?>lib/jquery/jquery.js"></script>
<script src="<? print APP_NAME ?>lib/jquery/jquery.easing.1.1.js" type="text/javascript"></script>
<script src="<? print APP_NAME ?>lib/jquery/jqueryFileTree.js" type="text/javascript"></script>

<script type="text/javascript" src="<? print APP_NAME ?>lib/jquery/flexigrid.js"></script>
<script type="text/javascript" src="<? print APP_NAME ?>lib/jquery/jquery.tabs.js"></script>
<script src="<? print APP_NAME ?>lib/jquery/jquery.treeview.js" type="text/javascript"></script>
<style>

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
</style>
<div id="right" style="background:#ffffff">

	<h3>Information of the invention</h3>
	<div style="padding:5px; padding-top:10px;">
		<table id="flex1" >
			<thead>
		    	<tr>
		           	<th width="200">Category</th>
		        	<th width="300">Value</th>
		       	</tr>
		    </thead>
			<tr>
		    	<td width="150">Title</td>
		      	<td width="200"><? print $invention['Title'] ?></td>
			</tr>
			<tr>
		    	<td width="150">Key Words</td>
		      	<td width="200"><? print $invention['KeyWords'] ?></td>
			</tr>
			<tr>
				<td width="150">Invented Date</td>
				<td width="200"><? print $invention['Invented'] ?></td>
			</tr>
			<tr>
			   	<td width="150">Published Date</td>
			   	<td width="200"><? print $invention['Published'] ?></td>
			</tr>
		</table>
	</div>
	<h3>Actions Information</h3>
	<div style="padding:5px; padding-top:10px;">
		<ul id="navigation" class="filetree">
		<?
			for($i=0; $i<count($actions); $i++)
			{
				$action	=	$actions[$i];
		?>
				<li><span class="folder">Action Type : 
					<? print $GLOBALS['ActionType'][$action['Type']] ?>
					( Date : <? print $action['Date'] ?> )
					--<? print $action['Description'] ?>--
					</span>
					<ul>
				<?
					for($j=0; $j<count($action['descriptions']); $j++)
					{ 
				?>
					<li><span class="file"><a href="
						<? print APP_NAME.$action['descriptions'][$j]['Drawing0'] ?>">
						<? print substr($action['descriptions'][$j]['Drawing0'],8,strlen($action['descriptions'][$j]['Drawing0'])-8); ?>
					</a></span></li>
				<?
					}
				?>
					</ul>
				</li>
		<?
			}
		?>
			
		</ul>
	</div>
</div>
<script type="text/javascript">
	$('#container-1').tabs();
	$("#flex1").flexigrid({height:'auto',striped:true,width:'530'});
	$("#dateInformation").flexigrid({height:'auto',striped:true,width:'530'});
	
	$("#navigation").treeview({
		persist: "location",
		collapsed: true,
		unique: true
	});
	
</script>